<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>.: Contact us | DHC | De Bracamonte Haaker Castellares : ABOGADOS :.</title>

		<link type="text/css" href="css/dhc.css" rel="stylesheet">

		<script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>
		<script type="text/javascript" src="js/jquery.tools.min.js"></script>

		<script type="text/javascript">
			$(function() {
				var m = Math.floor(Math.random()*4);
				$(".slidetabs").tabs(".images > div", {

					// enable "cross-fading" effect
					effect : 'fade',
					fadeOutSpeed : "slow",

					// start from the beginning after the last tab
					rotate : true,
					"initialIndex":m,

					// use the slideshow plugin. It accepts its own configuration
				}).slideshow({
					autoplay : true,
					interval : 3000,
					//clickable : false
				});

				/*	$("ul.tabs ").hover(function(){

				 $("#banner").css("display","none");
				 },function(){

				 $("#banner").css("display","block");
				 });*/
			});

		</script>

	</head>
	<body>
		<div class="container_12">
			<div class="grid_12" id="header">

				<div class="grid_7 alpha">
					<div class="spacer-20">
						&#32;
					</div>
					<a href="index_eng.html"><img src="img/logo.png" alt=".: DHC | De Bracamonte Haaker Castellares : ABOGADOS :."></a>
                    <img src="img/logo-chambers.png" alt="Chambers Latin America" class="logo-chambers">

					<div class="spacer-20">
						&#32;
					</div>
				</div>
				<div class="grid_5 omega">
					<ul class="f-right top-menu">
						<li>
							<a href="index_eng.html">homepage</a>
					  </li>
						<li>
							<a href="contactenos_eng.html">contact us</a>
						</li>
						<li>
							<a href="index.html">versión español</a>
						</li>
					</ul>
				</div>

			</div>

			<div class="grid_12" id="content">
				<!-- the tabs -->
				<ul class="tabs">
					<li>
						<a href="nosotros_eng.html">about us</a>
					</li>
					<li>
						<a href="equipo_eng.html">our team</a>
					</li>
					<li>
						<a href="areas-de-practica_eng.html">practice areas</a>
					</li>
					<li>
						<a href="transacciones-relevantes_eng.html">relevant transactions</a>
					</li>
					<li>
						<a href="publicaciones_eng.html">publications</a>
					</li>
					<!--<li>
						<a href="#">alianzas y reconocimiento</a>
					</li>-->
				</ul>

				<!-- tab "panes" -->

				<div class="cont">
					<div style="position: relative; overflow: hidden; height:300px; width:940px;">

						<!-- "previous slide" button -->
						<a class="backward">prev</a>

						<!-- container for the slides -->
						<div class="images">

						<!-- first slide -->
						<div>
							<img alt="Strength and Passion" src="photos/solidez-y-pasion.jpg">
							<div class="frase">
								<h3>strength and passion</h3>
							</div>
						</div>
                        
                        
                        <div>
							<img alt="Teamwork" src="photos/equipo.jpg">
							<div class="frase">
								<h3>teamwork</h3>
							</div>
						</div>
                        
                        <!-- second slide -->
                        
                        <div>
							<img alt="Strategy" src="photos/liderzago.jpg">
							<div class="frase">
								<h3>strategy</h3>
							</div>
						</div>
                        
                        <!-- third slide -->
                        
                        <div>
							<img alt="Efficiency and Speed" src="photos/agilidad.jpg">
							<div class="frase">
								<h3>efficiency and speed</h3>
							</div>

						</div>
						

					</div>

						<!-- "next slide" button -->
						<a class="forward">next</a>

						<!-- the tabs -->
						<div class="slidetabs">
							<a href="#">1</a>
							<a href="#">2</a>
							<a href="#">3</a>
							<a href="#">4</a>						
						</div>
					</div>

					<div class="spacer-20">

					</div>

					<div class="grid_4 alpha">

						<h1 class="m-left20">contact us</h1>
                        
                        <p class="m-left20">
							Tarata N° 160,
						  <br>
							10<sup>th</sup> Floor, Miraflores 
							<br>
							Lima - Peru
							<br>
							<br>
							telephone/ (511) 243-3817 
							<br>
							telephone/ (511) 243-3818
						</p>

					  <p class="m-left20">View larger map <a href="https://maps.google.com/maps/ms?msa=0&amp;msid=217193623526293572052.0004cc30b4cff86f0b00e&amp;ie=UTF8&amp;t=m&amp;ll=-12.121299,-77.029041&amp;spn=0.005664,0.005783&amp;z=17&amp;iwloc=0004cc30bbfa43dcef529&amp;source=embed" style="color:#0000FF;text-align:left" target="_blank">DHC De Bracamonte &#8226; Haaker &#8226; Castellares</a></p>

						<div class="spacer-10">
							&#32;
						</div>
					</div>
                    
					<div class="grid_7 omega m-left70">

						<iframe width="540" height="540" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps/ms?hl=en&amp;ie=UTF8&amp;oe=UTF8&amp;msa=0&amp;msid=217193623526293572052.0004cc30b4cff86f0b00e&amp;t=m&amp;ll=-12.121152,-77.029299&amp;spn=0.003671,0.00456&amp;z=17&amp;iwloc=0004cc30bbfa43dcef529&amp;output=embed"></iframe>
						
						<div class="spacer-10">
							&#32;
						</div>

					</div>

				</div>

				<div id="footer" class="grid_12">
					<div class="spacer-20">
						&#32;
					</div>
					<p class="leyenda">
					Copyright © 2012 De Bracamonte &#8226; Haaker &#8226; Castellares
				</p>
				</div>

			</div>
		</div>

	</body>
</html>
